<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- <title>贵州省重点营运车辆联网联控平台</title> -->
<title></title>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>

<style>
/* #ajax-loading,#mask{display:block;} */
#leftCity li,#rightCity li{
	cursor:pointer;
}
.alarm .barechart .list{
	cursor:pointer;
}
</style>
<script type="text/javascript">
var area_id="${login_user.area_id}";
var appCtx="<%=basePath%>";
var platName=localStorage.getItem('platName');
window.document.title=platName;
</script>
</head>
<body class="home">
<div class="page">
	<div class="slider clearfix">
		<%@ include file="/views/common/menu.jsp" %>
	</div>
	<div class="main">
		<%@ include file="/views/common/top.jsp" %>
		<div class="content">
			<div class="profile box">
				<h3 class="title">平台概况</h3>
				<div class="cont clearfix">
					<div class="list fl padding-right20 first">
						<a class="item last db" target id='accessPlatform' href="#">
							<div class="name">接入平台</div>
							<div class="numwarp">
								<div class="num tc platCount">0</div>
							</div>
						</a>
					</div>
					<div class="list fl clearfix padding-right20">
						<a class="item fl margin-left20 db enterprise" href="#">
							<div class="name">车辆总数</div>
							<div class="numwarp">
								<div class="num tc vehicleCount">0</div>
							</div>
						</a>
						<a class="item fl margin-left20 db enterprise " href="#">
							<div class="name">入网车辆</div>
							<div class="numwarp">
								<div class="tc"><span class="num netCount">0</span><span class="percentage netRate">0%</span></div>
							</div>
						</a>
						<a class="item fl margin-left20 db enterprise" href="#">
							<div class="name">在线车辆</div>
							<div class="numwarp">
								<div class="tc"><span class="num online">0</span><span class="percentage onLineRate">0%</span></div>
							</div>
						</a>
					</div>
					<div class="list fl clearfix">
						<a class="item fl margin-left20 db enterprise" href="#">
							<div class="name">业户数量</div>
							<div class="numwarp">
								<div class="num tc enterpriseCount">0</div>
							</div>
						</a>
						<a class="item fl margin-left20 db dealAlarm" href="#">
							<div class="name">处警率</div>
							<div class="numwarp">
								<div class="num tc dealRate">0%</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="condition box">
				<h3 class="title">平台接入状态<span class="percentage">(0/0)</span></h3>
				<div class="cont">
					<ul class="clearfix" id="getPlatform">
						<!-- <li class="fl item"><div class="platform active"></div><div class="name">广州日滨</div></li> -->
					</ul>
				</div>
			</div>
			<div class="statistical box">
				<h3 class="title">车辆统计</h3>
				<div class="cont">
				
				<div class="cars">
						<!-- <div class="tc provice dn">贵州省</div> -->
						<ul class="clearfix" id="statisticsByTrade" style="margin:20px 0;">
							<!-- <li class="fl item">
                                <div class="carname">班车客运车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fl item">
                                <div class="carname">危险品运输车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fl item">
                                <div class="carname">旅游客运车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fl item">
                                <div class="carname">出租车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fl item">
                                <div class="carname">公交车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fl item last">
                                <div class="carname">其他车辆</div>
                                <div class="info clearfix">
                                    <div class="numwarp fl">
                                        <div class="num">90%</div>
                                        <div class="name">在线率</div>
                                    </div>
                                    <div class="numwarp fl">
                                        <div class="num">4322</div>
                                        <div class="name">入网</div>
                                    </div>
                                    <div class="numwarp fl last">
                                        <div class="num">423</div>
                                        <div class="name">在线</div>
                                    </div>
                                </div>
                            </li> -->
						</ul>
					</div>
				
					<div class="mapwarp clearfix pr ">
						<div class="city fl margin-left20">
							<ul id="leftCity">
								<li class="item clearfix active">
									<div class="cityName fl">大厂回族</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">广阳区</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">固安县</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">永清县</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">文安县</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="map pa" id="mapBg" >
							<div class="map0 mapitem"></div>
							<div class="map1 mapitem"></div>
							<div class="map2 mapitem"></div>
							<div class="map3 mapitem"></div>
							<div class="map4 mapitem"></div>
							<div class="map5 mapitem"></div>
							<div class="map6 mapitem"></div>
							<div class="map7 mapitem"></div>
							<div class="map8 mapitem"></div>
							<div class="map9 mapitem"></div>
						</div>
						<div class="mymap pa" style="opacity: 0;filter: alpha(opacity = 0) !important;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)' !important;z-index:200">
							<div id="mymap"></div>
						</div>
						<div class="city fr margin-right20">
							<ul id="rightCity">
								<li class="item clearfix">
									<div class="cityName fl">三河市</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">香河县</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">安次区</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">霸州市</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
								<li class="item clearfix">
									<div class="cityName fl">大城县</div>
									<div class="info fl clearfix">
										<div class="numwarp fl">
											<div class="num">0%</div>
											<div class="name">在线率</div>
										</div>
										<div class="numwarp fl">
											<div class="num">0</div>
											<div class="name">入网</div>
										</div>
										<div class="numwarp fl last">
											<div class="num">0</div>
											<div class="name">业户</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					
				</div>
			</div>
			<div class="alarm box">
				<h3 class="title">今日报警分析</h3>
				<div class="cont clearfix">
				
					<div class="meun-4 clearfix">
						<div>
							<p>2-5点禁行报警</p>
							<span id="jx">0</span>
						</div>
						
						<div>
							<p>疲劳驾驶报警</p>
							<span id="pl">0</span>
						</div>
						
						<div>
							<p>路线偏离报警</p>
							<span id="lj">0</span>
						</div>
						
						<div>
							<p>超速报警</p>
							<span id="cs">0</span>
						</div>
					</div>
				
					<div class="barechart fl item pr" style='z-index:4'>
						<div class="pa opacitybar pr" style='z-index:3'>
							<div class="list"></div>
							<div class="list"></div>
							<div class="list"></div>
							<!-- <div class="list"></div> -->
							<div class="list"></div>
						</div>
						<div id="barechart" class='pr' style='z-index:1'></div>
						<!-- <div id="barechartHidden"></div> -->
					</div>
					<div class="lineechart fr pr item" style='z-index:4'>
						<div id="lineechart"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="${basePath}resources/js/common/plugin/echarts/echarts.min.js"></script>
<%--<script src="${basePath}resources/js/common/plugin/map/china.js"></script>--%>
<%--<script src="${basePath}resources/js/common/plugin/map/langfangshi.js"></script>--%>
<script src="${basePath}resources/js/common/main/global.js"></script>
<script src="${basePath}resources/js/common/main/nav.js"></script>
<script src="${basePath}resources/js/business/index/index.js"></script>
</body>

</html>